在上一篇文章的開頭有提到：React 是一個用來操作 DOM 的 JavaScript 函式庫

什麼是函式庫

函式庫是一組已經寫好的程式碼集合，開發者在需要時，可以直接使用裡面的功能，而不用從頭開始撰寫。

Library（函式庫） VS. Framework（框架）

Library（函式庫）: 開發者自行選用需要的工具
Framework（框架）: 設定好一套工具與規則給開發者使用

比較

Boostrap : 前端UI框架

Bootstrap 是一個免費且開源、提供完整 UI的網頁開發框架。
https://getbootstrap.com/

• 響應式網頁設計（Responsive Design）
  • 內建 Grid system （12 欄格系統）
  • 自動依螢幕的不同尺寸來調整排版（如手機、平板、桌機）
• CSS預設樣式
  • 提供已經設計好的樣式：按鈕（Button）、表單（Forms）、導覽列（Navbar）、警示框等等
• 整合 JavaScript的元件
  • 互動功能：輪播圖（Carousel）、下拉式選單（Dropdowns）、彈跳視窗（Modals）、 折疊視窗（Collapse）等等

React 的主要功能

React 負責建立使用者介面，但在開發時，常需要額外的工具來處理其他需求

• ✔️ UI → 使用者介面
• Routing → 路由（控制頁面導向與網址對應）
• HTTP → HTTP請求（與後端 API 溝通）
• Managing app state → 應用程式狀態管理
• Internationalization → 國際化（支援多語系）
• Form validation → 表單驗證
• Animations → 動畫效果